<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{margin: 0;padding: 0;}
			ul{display: inline-block;}
			ul:hover{
			width: 140px;
			height: 250px;
			border:1px solid gainsboro;
			border-radius: 8px;
			}
			ul li{list-style: none;font-size: 14px;}
			ul li a{text-decoration: none;}
			ul li a:hover{color: red;}
			ul img{margin-left: 10px;}
		</style>
	</head>
	<body>
		<div>
			<ul>
				<img src="img/img1.png" alt="" height="180px"  width="120px">
				<li>神武赵子龙</li>
				<li><a href="#">林更新不抱网红抱女神</a></li>
				<li>点击次数：242445次</li>				
			</ul>
			<ul>
				<img src="img/img2.png" alt="" height="180px"  width="120px">
				<li>神武赵子龙</li>
				<li><a href="#">胡歌变教练在撩前女友</a></li>
				<li>点击次数：242445次</li>
			</ul>
			<ul>
				<img src="img/img3.png" alt="" height="180px"  width="120px">
				<li>太阳的后裔</li>
				<li><a href="#">胡歌变教练在撩前女友</a></li>
				<li>点击次数：242445次</li>
			</ul>
			<ul>
				<img src="img/img4.png" alt="" height="180px"  width="120px">
				<li>山海经之赤影传说</li>
				<li><a href="#">娜扎张翰再度联手</a></li>
				<li>点击次数：242445次</li>
			</ul>
		</div>
	</body>
</html>
